/**
* @package Scribble
*/

/* Step headers */
h3.st-head {
	background: url('images/select-template-head.png');
	float: left;
	font-family: Georgia, serif;
	height: 40px;
	position: relative;
	width: 325px;
}

h3.st-head-outer {
	margin-left: 10px;
}

	h3.st-head strong {
		color: #fff;
		display: block;
		font-size: 25px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 3px;
		width: 40px;
	}

	h3.st-head span {
		color: #2766bf;
		display: block;
		font-size: 17px;
		left: 45px;
		position: absolute;
		top: 10px;
	}

/* Template listing */
#templates-container {
	float: left;
	width: 660px;
}

div.twocol #templates-outer {
	float: left;
	width: 325px;
}

div.twocol #templates-inner {
	float: right;
	width: 325px;
}

.templates-list {
	margin: 0px;
	padding: 0px;
}

	.templates-list li {
		list-style-type: none;
		margin-bottom: 5px;
	}

		.templates-list li a {
			background: #dceffa;
			border-bottom: #c4e3f7 1px solid;
			display: block;
			font-size: 15px;
			font-weight: bold;
			padding: 1em;
		}

		.templates-list li a:hover {
			background: #c4e3f7;
			border-bottom: #91caf0 1px solid;
			text-decoration: none;
		}

			.templates-list a span {
				display: block;
				font-size: 0.75em;
				font-weight: normal;
				margin-top: 5px;
			}

			.templates-list a p {
				background: #badff5;
				border: 1px #97cff0 solid;
				display: none;
				font-size: 11px;
				font-weight: normal;
				margin: 5px 0px 0px 0px;
				padding: 0.5em;
			}

		.templates-list li p.no-templates {
			background: #F0F0F0;
			border: #CCCCCC 1px solid;
			color: #666666;
			font-size: 1.25em;
			margin: 0px;
			padding: 1em;
		}

	.templates-list li.selected {
	}

		.templates-list li.selected a {
			background: #75d71c url('../../../images/bigtick.png') no-repeat 615px 10px;
			border-bottom: 0px;
			border-top: #59a415 1px solid;
			color: #FFFFFF;
		}

		div.twocol .templates-list li.selected a {
			background-position: 280px 10px;
		}

			.templates-list li.selected a p {
				background: #68c018;
				border: 1px #65bb17 solid;
			}

/* "Go" */
#form-select {
	float: right;
	width: 88px;
}

	#form-select button {
		width: 100%;
	}

	#form-select button.disabled {
	}